<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>团购-商品列表</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="ms_products">
        <header-top></header-top>
        <header-search-shop :shopinfo="shopInfo"></header-search-shop>
        <goods-top-banner :imgsrc="logobanner"></goods-top-banner>
        <goods-top-nav :navlist="navlist"></goods-top-nav>
        <div class="container">
            <div class="ms-list-top-wrap">
                {{activityState}}：
                <span class="num" v-if="time.day>0">{{time.day}}</span>天
                <span class="num" v-if="time.hour>0">{{time.hour}}</span>时
                <span class="num" v-if="time.minute>0">{{time.minute}}</span>分
                <span class="num" v-if="time.second>0">{{time.second}}</span>秒
            </div>
            <pro-list :prolist="activityProductList" v-if="activityProductList"></pro-list>
        </div>
        <!-- 页脚 -->
        <com-footer></com-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        tuan_products();
    </script>
</body>

</html>